<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		div{
			width: 400px;
			height: 400px;
			background: orange;
/*			background: none;*/
			}
	</style>
</head>
<body>

<div></div>
<button>开始</button>
<script type="text/javascript" src="../jquery-3.2.1.js"></script>
<script type="text/javascript">
	/*
		animate(a,b,c)动画
		a:css样式
		b:动画完成事件 ms fast/slow
		c:linear
		d:回调函数
	*/
	$('button').click(() => {
		$('div').animate({
			width:'200px',
			height:'200px'
		},1000)
		.animate({
			left:800
		},3000)
		.animate({
			top:500
		},2000)
	})
</script>
</body>
</html>